<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>WeLink</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!-- 直接引用官方提供的hwh5-cloudonline.js，也可根据自己需要新建一个本地文件来引用-->
    <script src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.4/hwh5-cloudonline.js"></script>
    <!-- 引入Vconsole用于调试，生产环境时请去掉 -->
    <script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>

</head>
<body>
<h1>你好，WeLink！</h1>

<!-- (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    window.vConsole = new window.VConsole();

    HWH5.getAuthCode().then(data => {
        $.ajax({
            url:"http://gieibr.natappfree.cc/freelogin?code="+data.code,
            success:function(result){
                console.log(result);
            }});
        console.log(data);
    }).catch(error => {
        console.log('获取异常', error);
    });
    init();
    function init(){
        // jsApiList 必填
        HWH5.checkJsApi({
            jsApiList: ['getAppInfo', 'selectContacts'] // 列举需要调用的API
        }).then(data => {
            console.log(data);
        }).catch(error => {
            console.log(error);
        });
        $.ajax({
            url:"http://gieibr.natappfree.cc/getSignature",
            data:{},
            type:"POST",
            success:function(result){
                console.log(result.appId);
                console.log(result.timeStamp);
                console.log(result.nonceStr);
                console.log(result.signature);
                HWH5.config({
                    appId: result.appId, // 应用的client_id
                    timestamp: result.timeStamp, // 与生成签名一致的时间戳，精确到秒十位
                    noncestr: result.nonceStr, // 服务端使用的随机串，要处理成小写字符
                    signature: result.signature, // 签名信息，要处理成小写字符
                    jsApiList: ["getUserInfo", "selectContacts"],
                });

                /* 如果鉴权成功，会执行ready方法，把需要在页面加载时调用的相关接口放在ready中确保执行。
                需要用户触发时才调用的接口，则直接调用，不需要放在ready函数中。*/
                HWH5.ready(() => {
                    console.log("鉴权成功---");
                    //公众号消息接口
                    $.ajax({
                        url:"http://gieibr.natappfree.cc/send",
                        data:{},
                        type:"POST",
                        success:function(result){
                            console.log(result);
                        }});
                });

                // 如果鉴权失败，则调用error方法
                HWH5.error((err) => {
                    console.log("鉴权失败---", err);
                });
            }});
    }

</script>
</body>
</html>
